<div class="block-mini">
  <div class="block-zone">
    <div class="block-zone-tab">
      <tab-list class="tab-list-tab" [listData]="tabList" [isNavTab]="false" [autoClickFirst]="true" channel="blockQuote" (tabClick)="switchBlock($event)"></tab-list>
    </div>
    <hr>
    <quote-table class="block-table" [scrollable]="true" [updateEventSource]="tabSource" (quoteClick)="openBlock($event)" [options]="blockTableOptions"
      [headers]="blockHeaders" (quoteDblClick)="goCheckDetail($event)"></quote-table>
  </div>
  <div class="quote-zone">
    <quote-table class="stock-table" [scrollable]="true" [updateEventSource]="blockParams" (quoteClick)="updateStock.next($event)"
      [headers]="qouteHeaders" [options]="stockTableOptions" (quoteDblClick)="goCheckDetail($event)"></quote-table>
  </div>
  <div class="quote-chart-zone">
    <combo-chart class="block-mini-chart" style="height: 100%" [stockSource]="updateStock" [kConfig]="chartConfig" [kLists]="chartLists" [placementSource]="placeSource"></combo-chart>
    <!--<kchart [updateEventSource]="updateStock" [method]="method" [period]="period" [lists]="chartLists" [config]="chartConfig"></kchart>-->
  </div>
</div>